<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>国企招聘</title>
	<link rel="stylesheet" href="../styles/css/common.css">

</head>

<body class="gqzp">
	<!-- 公共头部 -->
	<script src="http://rsj.beijing.gov.cn/header.js"></script>
	<!-- 头部 -->
	<div class="job_header" style="margin-bottom:0">
		<div class="job_header_con clearfix">
			<a href="../index.html" class="left">
				<img src="../styles/images/logo.png" alt="">
			</a>
		</div>
	</div>
	<!-- 头部背景图 -->
	<img src="../styles/images/gqzp/gqzp_nav.png" alt="" class="titleimg">
	<!-- 公用导航 -->
	<include src="../include/gqzpNav.art" data="{nav:'01'}"></include>

	<!-- 板块内容 -->
	<div class="content jp_bxf">
			<!-- 搜索 -->
			<div class="input clearfix">
				<div class="hot left">
					搜索
				</div>
				<div class="option_right left">
					<input class="search_input" type="text" id="rs" placeholder="请输入您要查询的岗位、单位">
					<input type="button" class="search_submit" value="">
				</div>
			</div>
			<!-- 地址 -->
			<div class="address clearfix">
				<div class="region">区域：&nbsp;</div>
				<div id="add" class="clearfix">
				</div>
			</div>

			<!-- 岗位 -->
			<div class="postt clearfix">
				<div class="region">分类：&nbsp;</div>
				<div class="type clearfix">
				</div>

				<div class="disnone clearfix" style="display: none;">
				</div>
				<div class="open clearfix">展开</div>
			</div>

			<!-- 内容盒子 -->
			<div class="box1 clearfix">
				<div class="cc" id="page_xf">
					<script type="text/html" id="area_xf">
						<%if(+data.executeResult == 1){%>
						<ul class="box_ul clearfix">
							<% var _data = data.gqlb%>
							<%for(var i=0;i<_data.length;i++){%>
							<% var item = _data[i]%>
							<li class="box_li left" title="<%=item.dwmc%>">
								<a class="demo_img" resid="7400033"
									href="<%=!item.dwid?item.requestUri:'./gqDetail.html?dwid='+item.dwid+'&djsj='+item.djsj%>"
									target="_blank">
									<img src="<%=item.icon%>" alt>
								<!-- 线 -->
								<div class="line"><%=item.dwmc%></div>
								</a>
							</li>
							<%}%>
							<%}%>
						</ul>
					</script>
				</div>
			</div>
		</div>
	<!-- 公共尾部 -->
	<script src="http://rsj.beijing.gov.cn/footer.js"></script>
	<script src="../common/vendor.js"></script>
	<script src="../common/common.js"></script>
	<script src="../common/md5_32.js"></script>
	<script src="../common/configuration.js"></script>
	<script src="../common/generaltools.js"></script>
	<script>
	$(function(){
		var List = []; // 城区的id
		var typeList = []; // 分类的id
		var typestring = ""; //传给详情页的string
		conditionList = ["01"]; // 条件查询id
		// 点击城区切换调取数据
		$(document).on('click', '.address .item', function () {
			var _class = $(this).hasClass('item_active');
			if (!_class) {
				$(this).addClass('item_active'); // 判断有没有类名 没有类名的添加 把全部的类名去掉  把zpqid添加到数组 同时触发查询的点击事件
				$('.address .all_item').removeClass('item_active');
				List.push($(this).attr('zpqid'));

				$('.search_submit').click();
			} else {
				$(this).removeClass('item_active');
				List.splice(List.indexOf($(this).attr('zpqid')), 1); // 再次点击删除类名 从数组中删除相对应的zpqid值 同时触发查询的点击事件
				$('.search_submit').click();
			}
			if (List.length == 0) { // 当数组的长度为0时  给全部添加类名
				$('.address .all_item').addClass('item_active');
			}
		});
		// 城区全部
		$(document).on('click', '.address .all_item', function () { //点击全部的时候
			var _class = $(this).hasClass('item_active');
			if (!_class) {
				$(this).addClass('item_active');
				$('.address .item').removeClass('item_active');
				List = [];
				$('.search_submit').click();
			}
		});
		// 切换分类调取数据                                                           分类同城区如上所示
		$(document).on('click', '.postt .item', function () {
			var _class = $(this).hasClass('item_active');
			if (!_class) {
				$(this).addClass('item_active');
				$('.postt .all_item').removeClass('item_active');
				typeList.push($(this).attr('gwlmbh'));
				$('.search_submit').click();
			} else {
				$(this).removeClass('item_active');
				typeList.splice(typeList.indexOf($(this).attr('gwlmbh')), 1);
				$('.search_submit').click();
			}
			if (typeList.length == 0) {
				$('.postt .all_item').addClass('item_active');
			}
		})
		// 分类全部
		$(document).on('click', '.postt .all_item', function () {
			var _class = $(this).hasClass('item_active');
			if (!_class) {
				$(this).addClass('item_active');
				$('.postt .item').removeClass('item_active');
				typeList = [];
				$('.search_submit').click();
			}
		});
		// 条件查询
		$(document).on('click', '.condition .item', function () {
			var _class = $(this).hasClass('item_active');
			if (!_class) {
				$(this).addClass('item_active');
				$('.condition .all_item').removeClass('item_active');
				conditionList.push($(this).attr('tjid'));
				$('.search_submit').click();
			} else {
				$(this).removeClass('item_active');
				conditionList.splice(conditionList.indexOf($(this).attr('tjid')), 1);
				$('.search_submit').click();
			}
		})
			// 点击记录
			$(document).on('click', '.demo_img', function () {
			var _resid = $(this).attr('resid');
			if(_resid){
				viewNum($(this).attr('resid'));
			}
		})
		// 查询 点击查询
		$(document).on('click', '.search_submit', function () {
			var InputValue = $('.search_input').val();
			getxf_Cx(conditionList,List, typeList, InputValue); // 调取接口   // 条件的数组值 城区的数组值  分类是数组值     还有查询输入的val值
		})
		// 获取到北京市的行政区划
		function getQu() {
			$.fetch({
				url: '/gqzp/qxlbCx',
				type: 'get'
			}).done(function (res) {
				var _res = res.returnData;
				dqrq = _res.dqrq;
				if (+_res.executeResult == 1) {
					var _data = _res.qxlb;
					var _html = '<span class="item_active all_item" zpqid="">全部</span>';
					$.each(_data, function (k, v) {
						_html += '<span class="item" title="'+ v.xzqhjc +'" zpqid="' + v.xzqhdm + '">' + v.xzqhjc + '</span>'
					});
					$('#add').html(_html);
					// 调取查询接口
				} else {
					$.layerMsg(_res.message, '我知道了');
				}
			})
		}
		getQu();
		// 获取到分类的get接口
		function getType() {
			$.fetch({
				url: '/gqzp/gwlmlbCx',
				type: 'get'
			}).done(function (res) {
				var _res = res.returnData;
				if (+_res.executeResult == 1) { //先截取后面的 slice 返回原数组    splice返回改变后的数组 即不是原数组
					//  截取10个以后 放入 隐藏兰
					var _data = _res.gwlmlb.slice(13);
					var _html = "";
					$.each(_data, function (k, v) {
						_html += '<span class="item" title="'+ v.gwlm +'" gwlmbh="' + v.gwlmbh + '">' + v.gwlm + '</span>'
					});
					$('.disnone').html(_html);
					// 截取前10个放入显示栏
					var data_ = _res.gwlmlb.splice(0, 13);
					var html_ = '<span class="item_active all_item" gwlmbh="">全部</span>';
					$.each(data_, function (k, v) {
						html_ += '<span class="item" title="'+ v.gwlm +'" gwlmbh="' + v.gwlmbh + '">' + v.gwlm + '</span>'
					});
					$('.type').html(html_);
					// 调取查询接口
				} else {
					$.layerMsg(_res.message, '我知道了');
				}
			})
		}
		// 分类接口调用
		getType()
		getxf_Cx(conditionList) // 自行调用查询接口一遍 用来展示全部数据
		//  需方的查询
		function getxf_Cx(tjid,ssqs, gwlms, ssnr) { // 条件id 城区id  分类id  查询输入内容
			var index = 0;
			var data = {
				ssqs: ssqs || [],
				gwlms: gwlms || [],
				ssnr: ssnr,
				pageSize: 50,
				pageNum: index,
			}
			$('#page_xf').pageTool({
				url: '/gqzp/gqlbCx',
				type: 'post',
				data: data,
				locator: 'returnData',
				errMes: '当前无相关招聘信息！！',
				beforeInit: function (res) {
					if (res.returnData.executeResult == '1') {
						var _tblb = res.returnData.gqlb;
						$.each(_tblb, function (k, v) {
							if (v.dwid) {
								v.icon = conf.urlPrefix + '/gqzp/getLogo?icon=' + v.icon
							} else {
								v.icon = '../styles/images/logo/' + v.icon
							}
						});
						return res;
					}
				},
				callback: function (res) {
					$('.pageTool_previous').html('&nbsp;上一页');
					$('.pageTool_next').html('下一页&nbsp;');
					var _res = res.returnData;
					if (_res.executeResult == '1') {
						index++;
					} else {
						$.layerMsg(_res.message, '我知道了', function () {
							return false;
						});
					}
				}
			});
		}
		template.helper('typestring', function () {
			if (List.length == 0) {
				return '';
			} else {
				return List.toString()
			}
		})



		// 控制展开收起
		$(document).on("click", ".postt .open", function () {
			var _class = $(this).hasClass('zk_active');
			if (!_class) {
				$(this).addClass('zk_active');
				$(this).text('收起');
				$(".disnone").slideDown();
			} else {
				$(this).removeClass('zk_active');
				$(this).text('展开');
				$(".disnone").slideUp();
			}
		})
	});
	</script>
</body>

</html>
